import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'
import 'normalize.css'
import './assets/css/index.scss'
import VueSocketio from 'vue-socket.io';
import socketio from 'socket.io-client';
// import MuseUI from 'muse-ui';
import { Form, TextField, Checkbox, Button, Badge, Alert, Icon, List, Tabs} from 'muse-ui';
import 'muse-ui/dist/muse-ui.css';
import 'muse-ui-loading/dist/muse-ui-loading.css'
import Loading from 'muse-ui-loading';
import install from '@/utils/install'
import '@/assets/css/index.scss'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import  Velocity from 'velocity-animate'
import 'swiper/dist/css/swiper.css'
import api from './utils/api';
import swal from 'sweetalert'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faSearch, faAddressBook, faUserCircle, faComments, faUniversity, faAngleLeft, faPlus, faTrash, faAngleRight, faAngleDown, faLock, faUser, faSun, faBullhorn, faMars, faVenus, faVenusMars, faGenderless, faPhone} from '@fortawesome/free-solid-svg-icons'
// import {faHtml5, faJava, faCss3Alt, faNodeJs, faJs} from '@fortawesome/free-brands-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(faSearch, faAddressBook, faUserCircle, faComments, faUniversity, faAngleLeft, faPlus, faTrash, faAngleRight, faAngleDown, faLock, faUser ,faSun, faBullhorn, faMars, faVenus, faVenusMars, faGenderless, faPhone)
Vue.component('icon', FontAwesomeIcon)
Vue.use(VueSocketio, socketio('139.199.88.199:8889'));
//MuseUI
// Vue.use(MuseUI);
Vue.use(Form);
Vue.use(TextField);
Vue.use(Checkbox);
Vue.use(Button);
Vue.use(Badge);
Vue.use(Alert);
Vue.use(Icon);
Vue.use(List);
Vue.use(Tabs);

Vue.use(Loading);
Vue.use(install);

Vue.use(VueAwesomeSwiper, /* { default global options } */)

Vue.prototype.$Velocity = Velocity;
Vue.prototype.$api = api;
Vue.prototype.$swal = swal;

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
